<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css"
	href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css"
	href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css"
	href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css"
	href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css"
	href="static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>添加实例</title>
<link href="lib/webuploader/0.1.5/webuploader.css" rel="stylesheet"
	type="text/css" />
</head>
<body>
	<div class="page-container">
		<form class="form form-horizontal" id="form-article-add">
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span
					class="c-red">*</span>实例名称：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="" placeholder="" id=""
						name="">
				</div>
			</div>

			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span
					class="c-red">*</span>image：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<span class="select-box"> <select name="" class="select">
							<option value="0">全部镜像</option>
							<option value="1">通过后台列出镜像传递给前台</option>
							<option value="11">通过后台列出镜像传递给前台</option>
							<option value="12">通过后台列出镜像传递给前台</option>
							<option value="13">通过后台列出镜像传递给前台</option>
					</select>
					</span>
				</div>
			</div>

			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span
					class="c-red">*</span>flavor：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<span class="select-box"> <select name="" class="select">
							<option value="0">全部规格</option>
							<option value="1">m1.tiny(名称)-1(VCPU)-512MB(RAM)-1GB(磁盘总计)-1GB(根磁盘)-是(共有)</option>
							<option value="11">m1.small(名称)-1(VCPU)-2GB(RAM)-20GB(磁盘总计)-20GB(根磁盘)-是(共有)</option>
							<option value="12">m1.medium(名称)-2(VCPU)-4GB(RAM)-40GB(磁盘总计)-40GB(根磁盘)-是(共有)</option>
							<option value="13">m1.large(名称)-4(VCPU)-8GB(RAM)-80GB(磁盘总计)-80GB(根磁盘)-是(共有)</option>
							<option value="13">m1.xlarge(名称)-8(VCPU)-16GB(RAM)-160GB(磁盘总计)-160GB(根磁盘)-是(共有)</option>
					</select>
					</span>
				</div>
			</div>

			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span
					class="c-red">*</span>network：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<span class="select-box"> <select name="" class="select">
							<option value="0">网络</option>
							<option value="1">后台传值到前台到时候</option>
							<option value="11">后台传值到前台到时候</option>
							<option value="12">后台传值到前台到时候</option>
							<option value="13">后台传值到前台到时候</option>
							<option value="13">后台传值到前台到时候</option>
					</select>
					</span>
				</div>
			</div>





			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
					<center>
						<button onClick="" class="btn btn-primary radius" type="button">
							<i class="Hui-iconfont">&#xe632;</i>创建实例
						</button>
						<center>
				</div>
			</div>
		</form>
	</div>


	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
	<!--/_footer /作为公共模版分离出去-->

	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript"
		src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript"
		src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript"
		src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
	<script type="text/javascript"
		src="lib/webuploader/0.1.5/webuploader.min.js"></script>
	<script type="text/javascript">
		function article_save() {
			alert("刷新父级的时候会自动关闭弹层。")
			window.parent.location.reload();
		}
	</script>
</body>
</html>